<template>
  <div>
    <!-- 组件test -->
    <test></test>
    <!-- 组件testt -->
    <testt></testt>
    <br /><br /><br /><br /><br />
    <ji></ji>
    <myprodut title="好好吃的手撕鸡" pirce="40" :info="msg"></myprodut>
    <myprodut
      v-for="(item, index) in list"
      :key="item.id"
      :title="item.proname"
      :pirce="item.proprice"
      :info="item.info"
      :index="index"
    ></myprodut>
  </div>
</template>

<script>
import test from "./components/test.vue";
import Testt from "./components/testt.vue";
import ji from "./计算属性.vue";

import myprodut from "./组件通讯/myProdut.vue";

export default {
  components: {
    test: test,
    ji: ji,
    Testt,
    myprodut,
  },
  data() {
    return {
      msg: "开业大酬宾，全场1折",
      list: [
        {
          id: 1,
          proname: "超级好吃的棒棒糖",
          proprice: 18.8,
          info: "开业大酬宾, 全场8折",
        },
        {
          id: 2,
          proname: "超级好吃的大鸡腿",
          proprice: 34.2,
          info: "好吃不腻, 快来买啊",
        },
        {
          id: 3,
          proname: "超级无敌的冰激凌",
          proprice: 14.2,
          info: "炎热的夏天, 来个冰激凌了",
        },
      ],
    };
  },
};
</script>

<style>
</style>